<template>
	<view class="news-view">
		<view class="ql-container ql-snow">
			<mpHtml :content="item.informationContent"></mpHtml>
		</view>
		<!-- <image class="img-title" src="../../static/icon/bag.png" mode=""></image>
		<view class="container">
			<view class="title">
				LV资深经典包再回归！“CitèBag”热卖30年，换装回春再次成为女孩最爱
			</view>
			<view class="time">
				2022-08-26 10:00
			</view>
			<view class="content">
				<view class="text-content">
					Louis Vuitton用打造硬壳行李箱的顶级工艺，让品牌在时尚圈站稳阵脚，同时也将其精巧的制作手法延续至包袋设计中，让“LV”这个缩写字母成为女人心中的梦幻逸品，在步入秋冬之时，品牌打开了过往的历史，将90年代一款方正的老包重新演绎，摩登兼具复古的设计，已经准备好让你再次买单！
				</view>
				<image class="img-content" src="../../static/icon/bag.png" mode=""></image>
				<view class="text-content">
					许多腋下包在背的时候，都很容易因为肩带长短的问题而不好上肩，而「CitèBag」这款包在背带上加长的设计，让女孩在背上肩时能更轻而易举，同时恰如其分的长短，即便简单的以手提方式使用也不会过长，而两种的用法更加强了它的实用性。
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import { getNewsDeatails } from "@/common/api.js"
	import mpHtml from '@/components/mp-html/mp-html'
	
	export default {
		components: {
			mpHtml
		},
		data() {
			return {
				item: null,
				id: null
			}
		},
		methods: {
			async initData() {
				const res = await getNewsDeatails(this.id);
				console.log(res);
				if(res.code == 200) {
					this.item = res.data;
				}
			}
		},
		onReady() {
			uni.setNavigationBarTitle({ title: this.$t("newsDetail.title")});
		},
		onLoad(option) {
			// console.log(option);
			if(!option.id) {
				this.item = JSON.parse(decodeURIComponent(option.item));
			} else {
				this.id = option.id;
				this.initData();
			}
			console.log(this.item);
		}
	}
</script>

<style lang="scss" scoped>
	.img-title {
		height: 568rpx;
		width: 100%;
	}
	
	.container {
		padding: 0 32rpx;
	}
	
	.title {
		margin: 10rpx 0; 
		color: #000000;
		font-family: PingFang SC;
		font-weight: semibold;
		font-size: 40rpx;
	}
	
	.time {
		color: #858585;
		font-family: PingFang SC;
		font-weight: regular;
		font-size: 24rpx;
	}
	
	.content {
		.text-content {
			margin-top: 32rpx;
			color: #000000;
			font-family: PingFang SC;
			font-weight: regular;
			font-size: 28rpx;
		}
		
		.img-content {
			height: 686rpx;
			width: 100%;
			margin-top: 32rpx;
		}
	}
</style>